<div class="mt-3">

    <table class="table table-bordered text-nowrap bg-light zero3-list-table">
        <thead class="sticky-top" style="top: 42px; z-index: 9">
        <tr class="text-center table-primary">
            <th scope="col" (click)="head.tr.selectedAll.click($event)">
                <fa-icon [icon]="head.tr.selectedAll.icon"></fa-icon>
            </th>
            <th scope="col"><span>Number</span></th>
            <th scope="col"><span>会员名称</span></th>
            <th scope="col"><span>类型</span></th>
            <th scope="col"><span>售后单号</span></th>
            <th scope="col"><span>状态</span></th>
            <th scope="col"><span>售后原因</span></th>
        </tr>
        </thead>
        <tbody>
        <ng-container *ngFor="let item of data?.page?.content; let i = index">
            <tr (click)="body.tr.click($event, item?.uuid)" tooltip="{{item?.serNum}}"
                (dblclick)="body.tr.dbclick($event, item?.uuid)"
                [ngClass]="{'row-selected': body.tr.isSelected(item?.uuid)}">
                <th scope="row" class="text-center">{{i + 1}}</th>
                <td>{{item?.serNum}}</td>
                <td>{{zero3Enum.AUDIT_FLAG.get(item?.serAudit)}}</td>
                <td>{{zero3Enum.USING_FLAG.get(item?.serUsing)}}</td>
                <td>{{item?.serMemo}}</td>
                <td>{{item?.serInputGroupData}}</td>
                <td>{{item?.creator}}</td>
                <td>{{item?.createTime}}</td>
                <td>{{item?.lastModifier}}</td>
                <td>{{item?.lastModifyTime}}</td>
            </tr>
        </ng-container>
        </tbody>
    </table>

</div>

<app-zero3-list-page [table]="this"></app-zero3-list-page>
